
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


<head>       

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.lightbox-0.5.css" media="screen" />
    <script type='text/javascript' src='${pageContext.request.contextPath}/js/jquery-1.5.2.min.js'></script>
    <script type='text/javascript' src='${pageContext.request.contextPath}/js/jquery-ui-1.8.17.custom.min.js'></script>
    <script src="${pageContext.request.contextPath}/js/jquery.form.js" type="text/javascript"></script>
    <script type="text/javascript">                     
                       
        function test(f) {
            $(f).clearForm();
        }
        
        function check(f) {
                
            str1 = form1.password.value;
            str2 = form1.repassword.value;
            if(document.form1.password.value.length == 0){
                alert("Sila masukkan Kata Laluan");
                form1.password.focus();
                return false;
            }
            if (str1.length < 6) {
                alert("Kata Laluan tidak boleh kurang dari 6 aksara!!");
                return false;
            }
            if (str1.length > 10) {
                alert("Kata Laluan tidak boleh lebih dari 10 aksara!!");
                return false;
            }
            if (str1 != str2) {
                alert("Kata Laluan dan Pengesahan Kata Laluan tidak sama!!");
                return false;
            }
            return confirm("Click on OK to confirm");
        }        
                       
            
                 
    </script>
</head>
<s:form beanclass="ipfms.stripes.action.ChangePwdActionBean" name="form1">
    <s:messages />
    <s:errors />
    <p></p>
      <div class="subtitle">
    <fieldset class="aras1">
        <legend>Change Password</legend>
        <table width="100%" border="0" cellpadding="1" cellspacing="0" class="normaltext" bgcolor="F7F7F6">               
            <td>&nbsp;</td>
            <tr>
                <td style="text-align: right">User ID</td>
                <td>:  ${actionBean.p.idPengguna}                     
                    <s:hidden name="idPengguna" value="${actionBean.p.idPengguna}" />
                </td>                                
            </tr> 
            <tr><td  style="text-align: right"><font color="red">*</font> Password :</td>
                <td>
                    <s:text name="password" maxlength="10"  id="password" class="normal_text"/>  
                </td></tr>
            <tr><td  style="text-align: right"><font color="red">*</font> Re-Password :</td>
                <td>
                    <s:text  name="repassword" maxlength="10"  id="repassword" class="normal_text"/>
                </td></tr>
            <tr><td colspan="2">
                    <div align="center">
                        <s:submit  name="change" value="Save" class="btn"/>
                        <s:submit name="showForm" value="Clear" class="btn" onclick="test(this.form);"/>
                    </div>
                </td></tr>
        </table>
    </fieldset>
      </div>
</s:form>

